<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Dom编程实例</title>
	<script type="text/javascript">
	//创建标签对象
		function createTr()
		{
			var tb=document.getElementById("tb");
			tb.border="3";
			var tbo=document.createElement("tbody");
			/**
			1、每次循环创建一行
			2、把当前行加入到tbody
			*/
			for(var i=1;i<=100;i++)
			{	
				//创建tr
				var tr=document.createElement("tr");
				var td1=document.createElement("td");
				td1.innerHTML="1"+i;
				var td2=document.createElement("td");
				td2.innerHTML="2"+i;
				var td3=document.createElement("td");
				td3.innerHTML="3"+i;
				tr.appendChild(td1);
				tr.appendChild(td2);
				tr.appendChild(td3);
				tbo.appendChild(tr);
			}
			tb.appendChild(tbo);
		}
	</script>
</head>
<body>
	1、生成一个100行的表格
	<input type="button" onclick="createTr()" value="生成" />
	<table id="tb">
	
	</table>
</body>
</html>